

<!DOCTYPE html>
<html lang="en">
<head>
       <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link rel="stylesheet" type="text/css" href="css/reset.css"/>
        <script src="js/rem.js"></script>
        <script src="js/jquery-3.1.1.js"></script>
        <script src="js/mys.js"></script>
        <script src="js/swiper.min.js"></script>
        <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/index.css"/>
        <title></title>
    <script src="js/jquery-3.1.1.js"></script>
</head>
<body>
	<div class="top">
		<input type="text" placeholder="厨具超级品类日满199减100" />
		<button>登录</button>
			
	</div>
	
	<!--轮播图部分-->
    <div class="banner">
        <ul>
            <li><img src="img/12.jpg"/ class="show"></li>
            <li><img src="img/16.jpg"/></li>
            <li><img src="img/12.jpg"/></li>
            <li><img src="img/16.jpg"/></li>
        </ul>
    </div>
    <!--主题部分-->
    <div class="theme">
	    	<img src="img/7.jpg"/>
	    	<img src="img/6.jpg"/>
	    	<img src="img/8.jpg"/>
    </div>
    <!--列表部分-->
    <div class="list">
    	<ul>
    		<li>
    			<img src="img/29.png/"/>
    			<p>京东超市</p>
    		</li>
    		<li>
    			<img src="img/29.png/"/>
    			<p>京东超市</p>
    		</li>
    		<li>
    			<img src="img/10.png"/>
    			<p>全球购</p>
    		</li>
    		<li>
    			<img src="img/30.png"/>
    			<p>京东服饰</p>
    		</li>
    		<li>
    			<img src="img/43.png/"/>
    			<p>京东到家</p>
    		</li>
    	</ul>
    	<ul>
    		<li>
    			<img src="img/26.png"/>
    			<p>充值缴费</p>
    		</li>
    		<li>
    			<img src="img/18.png"/>
    			<p>领京豆</p>
    		</li>
    		<li>
    			<img src="img/11.png"/>
    			<p>领劵</p>
    		</li>
    		<li>
    			<img src="img/27.png"/>
    			<p>赚钱</p>
    		</li>
    		<li>
    			<img src="img/28.png"/>
    			<p>物流查询</p>
    		</li>
    	</ul>
    </div>
    <div class="list_a">
    	<img src="https://m.360buyimg.com/mobilecms/jfs/t11794/14/2014545737/54110/85d82b9f/5a0e790cN2652da4e.png!q70.jpg"/>
    </div>
    <div class="SlideUpAndDown">
    	<img src="img/48.png"/>
    	
    	<div class="swiper-container">
	    	<div class="swiper-wrapper">
		      	<div class="swiper-slide"><span>热门</span>&nbsp;苹果爸爸为什么让旧手机变慢？</div>
		      	<div class="swiper-slide"><span>热门</span>&nbsp;酷!这个面具自带BGM</div>
		      	<div class="swiper-slide"><span>热门</span>&nbsp;猪精女孩一边要瘦一边要...</div>
		      	<div class="swiper-slide"><span>热门</span>&nbsp;戒网瘾?这样比电击有趣多了</div>
	    	</div>
  	 	</div>
    	<div class="More">
    		<a href="https://pro.m.jd.com/mall/active/3vWapAz58pJGYRfNeG88ddfsMM8S/index.html">更多</a>
    	</div>
    	
    </div>
    
    <div class="Seckill">
    	<div class="Seckill_a">
    		<a href="#">
	    		<img src="img/53.png"/>
	    		<b>18点场</b>
	    		<div>
	    			<p>00</p>:<p>26</p>:<p>12</p>
	    		</div>
    		</a>
    		<div class="red">
    			京东尖货秒<span class="seckill-more-icon"></span>
    		</div>
    		
    	</div>
    	
    	<div class="MobilePhone">
    		<ul>
    			<li>
    				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t3214/177/9256496777/621169/2a1735b5/58d16208N55e7302b.jpg!q70.jpg" alt="" />
    				<p>￥3188</p>
    				<del>￥3488</del>
    			</li>
    			<li>
    				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t10870/355/1626192842/201312/4bcc468c/59e433d4N07c82dfb.jpg!q70.jpg" alt="" />
    				<p>￥3188</p>
    				<del>￥3488</del>
    			</li>
    			<li>
    				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t6337/354/683465852/228476/9a32db5b/59439e3aN248e9a21.jpg!q70.jpg" alt="" />
    				<p>￥3188</p>
    				<del>￥3488</del>
    			</li>
    			<li>
    				<img src="https://m.360buyimg.com/mobilecms/s220x220_jfs/t13414/23/1496473409/312156/cf84e693/5a212d50N4b76ea4d.jpg!q70.jpg" alt="" />
    				<p>￥3188</p>
    				<del>￥3488</del>
    			</li>
    		</ul>
    		
    	</div>
    	
    	
    	
    </div>
    <div class="colour">
    	<ul>
    		<li>
    			<strong class="graphic-tit" data-titcolor="#FF2A2A,#F139D2" style="background-image: -webkit-linear-gradient(left, rgb(255, 42, 42), rgb(241, 57, 210)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">白条商城</strong>
    			<p class="graphic-wz" style="color:#222222">1 元抢免息~</p>
    			<img src="https://m.360buyimg.com/mobilecms/s130x130_jfs/t15787/353/109633918/16701/5a8390ef/5a27ae6dNc530b5bb.jpg!q70.jpg" imgtitle="true" class="opa1" style="opacity: 1;">
    		</li>
    		<li>
    			<strong class="graphic-tit" data-titcolor="#FF2A2A,#F139D2" style="background-image: -webkit-linear-gradient(left, rgb(255, 42, 42), rgb(241, 57, 210)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">白条商城</strong>
    			<p class="graphic-wz" style="color:#222222">1 元抢免息~</p>
    			<img src="https://m.360buyimg.com/mobilecms/s130x130_jfs/t15787/353/109633918/16701/5a8390ef/5a27ae6dNc530b5bb.jpg!q70.jpg" imgtitle="true" class="opa1" style="opacity: 1;">
    		</li>
    		<li>
    			<strong class="graphic-tit" data-titcolor="#FF2A2A,#F139D2" style="background-image: -webkit-linear-gradient(left, rgb(255, 42, 42), rgb(241, 57, 210)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">白条商城</strong>
    			<p class="graphic-wz" style="color:#222222">1 元抢免息~</p>
    			<img src="https://m.360buyimg.com/mobilecms/s130x130_jfs/t15787/353/109633918/16701/5a8390ef/5a27ae6dNc530b5bb.jpg!q70.jpg" imgtitle="true" class="opa1" style="opacity: 1;">
    		</li>
    		<li>
    			<strong class="graphic-tit" data-titcolor="#FF2A2A,#F139D2" style="background-image: -webkit-linear-gradient(left, rgb(255, 42, 42), rgb(241, 57, 210)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">白条商城</strong>
    			<p class="graphic-wz" style="color:#222222">1 元抢免息~</p>
    			<img src="https://m.360buyimg.com/mobilecms/s130x130_jfs/t15787/353/109633918/16701/5a8390ef/5a27ae6dNc530b5bb.jpg!q70.jpg" imgtitle="true" class="opa1" style="opacity: 1;">
    		</li>
    	</ul>
    	
    	
    	
    </div>
    
    
    
</body>
</html>






